<div id="nav" class="clearfix">
		
		<ul>
			<li>
				<a href="#"  class="current">Dashboard</a>		
			</li>
			
			<li class="">
				<a href="javascript:;">Mega Drop Menu</a>
											
				<div class="sub_nav">	
					<div class="col">		
						
						<h3>Help Links</h3>
							
						<ul>
							<li><a href="http://google.com/" target="_blank">Google</a></li>
							<li><a href="http://yahoo.com/" target="_blank">Yahoo</a></li>
							<li><a href="http://bing.com/" target="_blank">Bing</a></li>
							<li><a href="javascript:;">Section #4</a></li>
						</ul>					
					</div><!-- .col -->
					
					<div class="col">
						<h3>Help Links</h3>
							
						<ul>
							<li><a href="javascript:;">Section #1</a></li>
							<li><a href="javascript:;">Section #2</a></li>
							<li><a href="javascript:;">Section #3</a></li>
							<li><a href="javascript:;">Section #4</a></li>
						</ul>	
					</div><!-- .col -->
					
					<div class="col">
						<h3>Help Text</h3>
							
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis .</p>
					</div><!-- .col -->
				</div><!-- .sub_nav -->					
			</li>
			
			<li>
				<a href="javascript:;">Addresses</a>
							
				<div class="sub_nav">	
					<div class="col">		
						
						<h3>Help Links</h3>
							
						<ul>
							<li><a href="javascript:;">Section #1</a></li>
							<li><a href="javascript:;">Section #2</a></li>
							<li><a href="javascript:;">Section #3</a></li>
							<li><a href="javascript:;">Section #4</a></li>
						</ul>					
					</div><!-- .col -->
					
					<div class="col">
						<h3>Help Links</h3>
							
						<ul>
							<li><a href="javascript:;">Section #1</a></li>
							<li><a href="javascript:;">Section #2</a></li>
							<li><a href="javascript:;">Section #3</a></li>
							<li><a href="javascript:;">Section #4</a></li>
						</ul>	
					</div><!-- .col -->
					
				</div><!-- .sub_nav -->							
			</li>
			
			<li>
				<a href="javascript:;">Orders</a>
											
				<div class="sub_nav">	
					<div class="col">		
						
						<h3>Help Links</h3>
							
						<ul>
							<li><a href="javascript:;">Section #1</a></li>
							<li><a href="javascript:;">Section #2</a></li>
							<li><a href="javascript:;">Section #3</a></li>
							<li><a href="javascript:;">Section #4</a></li>
						</ul>					
					</div><!-- .col -->
				</div><!-- .sub_nav -->								
			</li>
			
			<li style="float: right;">
				<a href="javascript:;">Change Color</a>
				
				<div class="sub_nav sub_nav_right">	
					<h3>Colors</h3>
					<p>Click on a color to change the admin theme.</p>
					<div class="col">		
						
						
							
						<ul>
							<li><a href="javascript:;" class="styleswitch" rel="blue" title="black" style="color: #0B68BD !important">Blue Theme</a></li>
							<li><a href="javascript:;" class="styleswitch" rel="red" title="black" style="color: #C00 !important">Red Theme</a></li>
							<li><a href="javascript:;" class="styleswitch" rel="orange" title="black" style="color: #E68A00 !important">Orange Theme</a></li>
						</ul>					
					</div><!-- .col -->
					
					<div class="col">
							
						<ul>
							<li><a href="javascript:;" class="styleswitch" rel="green" title="black" style="color: #5E8B25 !important">Green Theme</a></li>
							<li><a href="javascript:;" class="styleswitch" rel="black" title="black" style="color: #111 !important">Black Theme</a></li>
							<li><a href="javascript:;" class="styleswitch" rel="purple" title="purple" style="color: #650C61 !important">Purple Theme</a></li>
						</ul>	
					</div><!-- .col -->
				</div><!-- .sub_nav -->
				

			</li>	
			
			<li style="float: right;">
				<a href="javascript:;">Change Layout</a>
				
				<div class="sub_nav sub_nav_right">	

					
					<div class="col">
						<h3>Layouts</h3>
						
						<ul>
							<li><a href="javascript:;" class="layout" rel="layout-fixed" title="Fixed Width">Fixed Width</a></li>
					<li><a href="javascript:;" class="layout" rel="layout-fluid" title="Fluid Width">Fluid Width</a></li>
						</ul>	
					</div><!-- .col -->
				</div><!-- .sub_nav -->

			</li>		
		</ul>
		
	</div> 